@charset "gb2312";


html,body,div,iframe,span,
dl,dt,dd,ul,ol,li,
form,input,textarea,pre,p,blockquote,
th,td						{ margin:0; padding:0; font-size:100%;}
a							{ text-decoration:none;}
li							{ list-style:none;}
.clear						{ clear:both; height:0px; line-height:0;}
h1,h2,h3					{ font-weight:normal; padding:0px; margin:0px; }
img							{ border:0; }
a							{ color:#666; }
a:hover 					{ text-decoration:none; }
@font-face{src:url("../font/Helvetica.ttf"); font-family: 'Helvetica';}
@font-face{src:url('../font/AgencyFB.ttf'); font-family:"AgencyFB";}
@font-face{src:url('../font/dincond-regular.otf'); font-family:"dincond";}


/* [7LIB.ORG] */
body,html 					{ font-family:"微软雅黑","黑体"; font-size:14px; color:#000; background:#fff; min-width:1200px;}
.fl{float:left;}
.fr{float:right;}
.pl0{padding-left:0px !important;}
.pr0{padding-right:0px !important;}
.ml0{margin-left:0px !important;}
.mr0{margin-right:0px !important;}
.nobg{background:none !important;}
.tal{text-align:left !important;}
.tar{text-align:right !important;}
.noborder{border:0px !important;}
.bl0{border-left:0px !important;}
.br0{border-right:0px !important;}
.tal{text-align:left !important;}
.tar{text-align:right !important;}
.box{width:1200px; margin:0 auto;}



.w-top{line-height:35px; background:#f4f4f4; font-size:12px;color:#cacccd;}
.topleft{width:407px; color:#999; text-align:right;}
.topleft a{ display:inline-block;color:#999; line-height:35px;padding-left:20px; padding-right:19px;}

.zly{background:url(zly.png) no-repeat 0px center;}
.store{background:url(storeicon.png) no-repeat 0px center;}
.map{background:url(mapicon.png) no-repeat 0px center; padding-right:0px;}

.w-header{height:127px; background:#fff; }
.w-header .box{position:relative;}
.w-logo{ width:82px; height:84px; position:absolute; left:0;top:15px; }
.w-logo  img{display:block; width:82px; height:84px;}

.wh1{top:35px; left:0px; position:absolute; background:url(logol.png) no-repeat left center; margin-left:113px; padding-left:30px;}
.wh1 span{ display:block; }
.wh1 .wh11{ color:#073577; font-size:18px; padding-bottom:0px; }
.wh1 .wh12{ color:#ffa302; font-size:24px;  font-weight:bold; padding-bottom:5px;}

.wh2{ position:absolute; right:0px; top:28px; background:url(rtel.png) no-repeat left center; padding-left:50px; min-height:23px;  }
.wh2 span{ display:block; }
.wh2 .wh21{ color:#999999; font-size:14px; }
.wh2 .wh22{ color:#333; font-size:26px; font-weight:bold; line-height:28px}
.wh2 .wh23{ color:#333; font-size:26px; font-weight:bold; line-height:28px; letter-spacing:1px;}

/****导航****/
.w-nav{ background:#016fbe; font-size:16px; height:60px; line-height:60px;}
.nav{ width:1200px; margin:0 auto; }
.nav li{float:left;  height:54px; text-align:center; position:relative;}
.nav li a{color:#fff; display:block;font-size:16px; border-right:1px solid #197cc1;  width:100px; }
.nav li a.s0{ width:140px; }
.nav li a.s1{ width:180px; }
.nav li a.end{ border-right:1px solid #016fbe; }
.nav li a:hover{color:#fff;background:#ffa302;}
.nav li.homepage a{font-weight:bold; color:#ffa302;}
.nav li.cur{font-weight:bold; color:#ffa302;}
.nav li.cur a{color:#fff;background:#ffa302;}

.cd{position:absolute;z-index:99999;background:rgba(30,30,30,0.8);display:none; top:58px; left:-30px; padding-bottom:10px; padding-top:5px;}
.nav li .cd a{display:block;width:160px;line-height:24px; padding-bottom:4px !important; text-align:left;padding-left:25px; padding-top:4px !important;   font-size:14px; padding:0 15px;}




/******幻灯片*******/
.w-banner{height:600px; text-align:center; background:#fff; position:relative; width:100%;}
.w-banner .bd ul {}
.w-banner .bd li { display:block; height: 600px; text-align: center; width: 100% !important;}
.w-banner .bd li a { display:block; height: 600px; width:100%;}
.w-banner .hd { bottom: 0; height: 30px; left: 0; line-height: 30px; position: absolute; width: 100%; z-index: 1;}
.w-banner .hd ul { text-align: center;}
.w-banner .hd ul li { background: #fff none repeat scroll 0 0; cursor: pointer; display: inline-block; float: none; height: 6px; line-height: 999px; margin: 2px; overflow: hidden; width: 13px; border-radius:3px;}
.w-banner .hd ul .on { background: #ffa302 none repeat scroll 0 0; width:30px;}
.w-banner .next, .w-banner .prev { background: #000 url("slider-arrow.png") no-repeat scroll -126px -137px; cursor: pointer; display: none; height: 60px; left: 15%; margin-top: -30px; opacity: 0.5; position: absolute; top: 50%; width: 40px; z-index: 1;}
.w-banner .next { background-position: -6px -137px; left: auto; right: 15%;}

/*******搜索导航********/
.search{height:60px; line-height:60px; border-bottom:1px solid #eee;}
.searchl{ width:840px; line-height:60px; color:#cbcbcb;}
.searchl a{ color:#cbcbcb; padding-left:10px; }
.searchl span{ font-weight:bold; }


.searchr{margin-top:12px; width:287px; font-size:14px;}
.searchbox{ background:#fff; border:1px solid #eeeeee;}
.searchr .s-input{height:34px; width:239px; padding-left:10px;  color:#b1b1b1; line-height:34px;  float:left;  border:0px; background:#fff;}
.searchr .search-btn{ display:block; height:34px; width:35px; background:#fff url(searchbtn.png) no-repeat center;  float:right; }


/******友情链接******/
.links{margin-top:60px; padding-bottom:36px;}
.links .linkhead{ height:38px; margin:0 auto; background:url(rheadbg.jpg) repeat-x center bottom;}
.linkname{display:block;}
.linkmore{font-size:12px; color:#494949;}

.links .linkinfo{line-height:30px; padding-top:10px;}
.links .linkinfo a{padding:0 40px 0 20px; font-size:14px; color:#333; background:url(linkicon.png) no-repeat left center;}

/******优势******/
.ys{ width:1200px; margin:0 auto; padding-bottom:70px; }
.yst{padding-top:73px; text-align:center; padding-bottom:30px; }
.yst img{ display:block; margin:0 auto; }
.ysa{ width:260px; }
.ysa span{ position:relative; height:93px;background-color:#016fbe; line-height:93px; font-size:16px; border-bottom:1px solid #197cc1; color:#fff; display:block; }
.ysa span a{ display:block; height:93px; color:#fff; line-height:93px; background-repeat:no-repeat; background-position:58px center; padding-left:106px; }
.ysa span.s1 a{ background-image:url(s01.png); }
.ysa span.s2 a{ background-image:url(s02.png); }
.ysa span.s3 a{ background-image:url(s03.png); }
.ysa span.s4 a{ background-image:url(s04.png); }
.ysa span.s5 a{ background-image:url(s05.png); }

.ysa span.cur i{ display:block; background:#ffa302; width:282px; height:93px; position:absolute; left:0px; top:0px; z-index:0;  }
.ysa span.cur a{ position:relative; z-index:1; color:#fff; }

.ys .ysb{  display:inline; float:left; }
.ys ul{ float:right; display:inline; width:918px; height:473px; }
.ys ul li{width:918px; height:473px; position:relative; display:none;}
.ys ul li img{width:918px; height:473px; display:block;}
.ys ul li .w00{ background:rgba(1,111,190,0.8); position:absolute; left:0px; bottom:0; height:53px; color:#fff; width:calc(100% - 60px); padding:20px 30px;}
.ys ul li .w00 h2{ font-size:16px; font-weight:bold; }
.ys ul li .w00 p{ font-size:14px; padding-top:5px; }

.ys8{ background:#007cd0 url(ys8b.png) no-repeat top center; height:788px; }
.ys8b{ width:1200px; margin:0 auto; height:759px; position:relative;}
.ys8bx{ background:url(ys8r.png) no-repeat right bottom; width:661px; height:703px; position:absolute; right:-165px; bottom:0;}


.ysbu{ background:rgba(255,255,255,0.6); width:800px; height:495px; }
.ysbu ul{ margin:0 auto; display:block; width:765px; padding-top:20px;  }
.ysbu ul li{ float:left; width:255px; height:163px; position:relative; overflow:hidden; }
.ysbu ul li span{ display:block; text-align:center; background-color:#fff; font-size:20px; color:#141414; padding-top:86px; height:77px; background-repeat:no-repeat; background-position:center 30px; }
.ysbu ul li.r9{ color:#fff; }
.ysbu ul li.r9 span{ background-image: url(9.png);background-color:#016fbe; }
.ysbu ul li.r9 a{ color:#fff;}
.ys8t{ padding-top:73PX; padding-bottom:42px; }

.ysbu ul li div{ position:absolute; top:-200px; left:0px;width:255px; height:163px; background:#ffa302; transition:all 0.3s linear;  }
.ysbu ul li div i{ display:block; font-style:normal; padding:20px 10px; color:#fff; line-height:22px; font-size:14px; text-align:center; }
.ysbu ul li:hover div{ top:0; }
.ysbu ul li.r8 span{ background-image: url(8.png); background-color:#f7f7f7;}
.ysbu ul li.r7 span{ background-image: url(7.png);}
.ysbu ul li.r6 span{ background-image: url(6.png); background-color:#f7f7f7;}
.ysbu ul li.r5 span{ background-image: url(5.png); background-color:#e8f2fb;}
.ysbu ul li.r4 span{ background-image: url(4.png); background-color:#f7f7f7;}
.ysbu ul li.r3 span{ background-image: url(3.png); background-color:#e8f2fb;}
.ysbu ul li.r2 span{ background-image: url(2.png);background-color:#f7f7f7;}
.ysbu ul li.r1 span{ background-image: url(1.png); background-color:rgba(255,255,255,0);}

/* ===== */
.sb{ padding:70px 0; margin:0 auto; background:#fbfbfb; }
.sbt{ text-align:center; padding-bottom:30px; }
.sb ul{ width:1230px; margin-left:-15px; margin:0 auto; }
.sb ul li{ width:384px; float:left; margin:0 12px 24px 12px; border:1px solid #eeeeee; border-radius:5px; background:#fff; }

.sb ul li img{ width:384px; height:234px; display:block;border-radius:5px 5px 0 0;}
.sb ul li div{ height:65px; line-height:65px; position:relative; }
.sb ul li div h2{ background:url(sl.png) no-repeat 31px center; font-size:14px; font-weight:bold; color:#363636; padding-left:84px; height:65px; overflow:hidden; width:165px;}
.sb ul li div a.more{ font-size:12px; height:12px; line-height:12px; border-left:1px solid #b6b6b6; color:#b6b6b6; padding:0 30px; position:absolute; right:0px; top:25px; }


.sb ul li.cur,
.sb ul li:hover{ border-color:#ffa302; }
.sb ul li.cur a,
.sb ul li:hover a,
.sb ul li.cur a.more,
.sb ul li:hover a.more{ color:#ffa302; }
.sb ul li.cur a.more,
.sb ul li:hover a.more{ border-color:#ffa302 }
.sb ul li.cur div h2,
.sb ul li:hover div h2{background-image:url(sl.png) }


.slider{width:100%;min-width:645px;height:457px;position:relative;overflow:hidden;
background:#fff;text-align:center;border:1px solid #fff;}
.slider .bd{width:645px;position:absolute;left:50%;margin-left:-630px;}
.slider .bd li{width:645px;overflow:hidden; position:relative;}
.slider .bd li img{display:block;width:645px;height:457px; border:1px solid #fff;}
.slider .tempWrap{overflow:visible!important}
.slider .tempWrap ul{margin-left:-980px!important}
.slider .hd{position:absolute;width:100%;left:0;z-index:1;height:8px;bottom:20px;text-align:center}
.slider .hd li{display:inline-block;*display:inline;zoom:1;width:8px;height:8px;line-height:99px;overflow:hidden;background:url(images/slider-btn.png)0-10px no-repeat;margin:0 5px;cursor:pointer;filter:alpha(opacity=60);opacity:0.6}
.slider .hd li.on{background-position:0 0;filter:alpha(opacity=100);opacity:1}
.slider .pnBtn{position:absolute;z-index:1;top:0;width:100%;height:457;pxcursor:pointer}
.slider .prev{left:-50%;margin-left:-320px}
.slider .next{left:50%;margin-left:326px}
.slider .pnBtn .blackBg{display:block;position:absolute;left:0;top:0;width:100%;height:457px;background:#000;filter:alpha(opacity=30);opacity:0.3}
.slider .pnBtn .arrow{display:none;position:absolute;top:0;z-index:1;width:60px;height:457px}
.slider .pnBtn .arrow:hover{filter:alpha(opacity=60);opacity:0.6}
.slider .prev .arrow{right:0;background:url(l11.png) right center no-repeat}
.slider .next .arrow{left:0;background:url(l22.png) left center no-repeat}

.slider .bd li span{ display:block; position:absolute; bottom:0px; color:#fff; left:0px; font-size:16px; height:40px; padding-top:60px; text-align:center; width:100%; background:url(ysut.png) no-repeat center; }


/**/
.khlist{ padding-top:20px; }
.khlist li{ width:220px; float:left; margin:0 5px; }
.khlist li img{ width:220px; height:125px; display:block; border:1px solid #efefef; }
.khlist li  h2{ font-size:14px; line-height:40px; height:40px; text-align:center; overflow:hidden; }


.als{ height:745px; background:url(xbg.png) no-repeat top center; }
.als .lct{ padding:70px 0 20px 0; text-align:center; }
.alsb{ width:1200px; margin:0 auto; }


/**** 优势2 ****/
.ys2{ padding-top:314px; background:#fff url(top.jpg) no-repeat top center; }
.ys2b{ width:1200px; margin:0 auto;padding-bottom:109px; }


.ys21t { padding-top:27px; height:82px; background-repeat:no-repeat; background-position: left bottom; margin-bottom:25px; }
.ys21t h2{ font-size:28px; color:#016fbe; font-weight:bold; padding-left:84px;}
.ys21t span{font-size:18px; color:454545;font-weight:bold; padding-left:106px;}
.ys21b{ color:#333333; font-size:16px; line-height:32px; }
.ys21b span{ color:#ffa302; }
.ys21b p{ padding-left:32px; margin-top:10px;background:url(l.png) no-repeat top left; }

.ys21{ position:relative;  height:613px; z-index:4;  }
.ys21 img{ width:549px; height:613px; }
.ys21 .ys210{ position:absolute; left:621px; top:44px; width:498px; }
.ys21 .ys21t{ background-image:url(1t.png); }


.ys22{ position:relative;  height:384px; }
.ys22 img{ width:757px;height:303px;position:absolute; left:440px; top:-174px; z-index:3; }
.ys22 .ys210{ padding-top:30px; width:527px; }
.ys22 .ys21t{ background-image:url(2t.png); }


.ys23{ position:relative;  height:304px; }
.ys23 img{ width:639px;  height:483px;position:absolute; left:570px; top:-227px; z-index:3; }
.ys23 .ys210{ width:527px; }
.ys23 .ys21t{ background-image:url(3t.png); }

.ys24{ position:relative;  height:419px; z-index:4;  }
.ys24 img{ width:620px; height:419px; }
.ys24 .ys210{ position:absolute; left:621px; top:44px; width:498px; }
.ys24 .ys21t{ background-image:url(4t.png); }





.lc{ background:#e5f0f7; text-align:center; padding-bottom:70px; }
.lc img{ display:block; padding-top:70px; margin:0 auto; }
.lc ul{ padding-top:10px; margin-bottom:64px; }
.lc li{ display:inline-block; width:135px; color:#fff; text-align:center; padding-top:83px;border-bottom:1px solid #a6a6a6; position:relative; background-position:top center; background-repeat:no-repeat;}
.lc li span{ color:#333; font-size:18px; display:block; line-height:38px; margin-bottom:34px; }
.lc li i{ color:#a6a6a6; position:absolute; left:50%; margin-left:-20px; bottom:-20px; font-size:18px;background:#e5f0f7; font-style:normal; border-radius:50%; border:1px solid #a6a6a6; height:38px; width:38px; text-align:center; line-height:38px; display:block; }
.lc li.lc1{ background-image:url(1s.png) }
.lc li.lc1:hover{ background-image:url(11.png) }
.lc li.lc2{ background-image:url(2s.png) }
.lc li.lc2:hover{ background-image:url(22.png) }
.lc li.lc3{ background-image:url(3s.png) }
.lc li.lc3:hover{ background-image:url(33.png) }
.lc li.lc4{ background-image:url(4s.png) }
.lc li.lc4:hover{ background-image:url(44.png) }

.lc li.lc5{ background-image:url(5s.png) }
.lc li.lc5:hover{ background-image:url(55.png) }
.lc li.lc6{ background-image:url(6s.png) }
.lc li.lc6:hover{ background-image:url(66.png) }
.lc li.lc7{ background-image:url(7s.png) }
.lc li.lc7:hover{ background-image:url(77.png) }
.lc li.lc8{ background-image:url(8s.png) }
.lc li.lc8:hover{ background-image:url(88.png) }

.lcm{ display:block; width:331px; height:40px; display:block; background:url(lcm.png) no-repeat center; margin:0 auto;  }
.lcm span{ color:#ffa302; font-size:22px; font-weight:bold; line-height:40px; padding-left:150px; }

.lc li:hover{border-color:#ffa302;}
.lc li:hover span{color:#ffa302; }
.lc li:hover i{color:#ffa302; border-color:#ffa302;}


.ab{ width:1200px; margin:0 auto; padding:80px 0; }
.abt{ text-align:center; padding-bottom:30px; }

.abl2{ width:906px; float:right; display:inline;  }
.abn{ background:url(logo.png) no-repeat left top; padding-left:180px; color:#666666; line-height:26px; font-size:16px; margin-top:30px; padding-bottom:10px }
.abn a{ color:#ffa302; }


.abl1{ width:243px; float:left; display:inline; border:1px solid #eeeeee; border-bottom:0; }
.abl1 div{ height:115px;border-bottom:1px solid #eeeeee;}

.abl1 div h2{ color:#333333; font-size:18px; padding-top:35px; padding-left:61px;}
.abl1 div span{ color:#333333; font-size:12px;padding-left:61px;}

.abl1 div.cur,
.abl1 div:hover{ background:#ffa302; color:#fff; }
.abl1 div.cur span,
.abl1 div.cur h2,
.abl1 div:hover span,
.abl1 div:hover h2{color:#fff;}


/* 新闻 */

.nsl{ width:525px; float:left; background:#fff; padding:33px;  display:inline;}
.nsl img{ width:495px; height:260px; }
.ns{ background:#e5f0f7; padding:60px 0; padding-bottom:0; }
.nsb{ width:1200px; margin:0 auto; }
.nsy{ border-bottom:1px solid #eee;}
.nsyb{}
.nsyb a.h{ display:block; height:24px; font-size:16px; color:#333; font-weight:bold; line-height:24px; overflow:hidden; margin-top:20px; }
.nsyb a.h span{ background:#016fbe; color:#fff; padding:0 8px; margin-right:10px; }

.nsyb p{ font-size:14px; color:#666666; line-height:24px; display:block; height:48px; overflow:hidden; margin:12px 0; }

.nsl ul{ }
.nsl ul li{ height:45px; line-height:45px; font-size:14px; position:relative; background:url(nll.png) no-repeat left center; padding-left:20px; border-bottom:1px dashed #eee;}
.nsl ul li a{ color:#333; }
.nsr{ float:right; width:588px; display:inline; }
.nsr2{ background:#fff;padding:31px 33px; margin-top:20px;  }
.nsr1{ background:#fff;padding:31px 33px;  }

.nsr .nslt2 { line-height:38px; height:38px; border-bottom:1px dashed #eee; position:relative; }
.nsr .nslt2 h2{ font-size:20px; color:#333;line-height:38px; height:38px; border-bottom:3px solid #016fbe; display:inline-block;}
.nsr .nslt2 a{ position:absolute; right:0; top:0; }

ul.xl{ padding-top:10px; }
ul.xl li{ height:45px; line-height:45px; font-size:14px; position:relative; background:url(nll.png) no-repeat left center; padding-left:20px; border-bottom:1px dashed #eee;}
ul.xl li a{ color:#333; }

.nsx{ height:98px; position:relative; margin-top:20px; }
.nsx img{ width:147px; height:98px; display:block; position:absolute; left:0px; top:0px; }
.nsx .nsxb{ padding-left:192px; }
.nsx .nsxb a.x{ color:#333; font-size:15px; line-height:20px; padding-bottom:5px; display:block; height:20px; overflow:hidden; }
.nsx .nsxb p{ line-height:24px; font-size:14px; color:#666;}

.xg .w1{ line-height:34px; height:34px; margin-top:10px; background:url(w1.png) no-repeat left center; padding-left:30px;}
.xg .w1 a{ color:#333; font-size:15px;  }

.xg .w2{  line-height:24px; font-size:14px; color:#666;background:url(w2.png) no-repeat left top;padding-left:30px;}
.xg .w2 a,
.nsx .nsxb p a,
.nsyb p a{color:#ffa302;}
/************footer************/
.footer{ background:#272727; height:313px; border-top:4px solid #016fbe; }
.footer .box{ }
.fnav h2{ color:#fff; font-size:16px; font-weight:bold; padding-bottom:20px; }
.fnav{ width:300px; padding-left:80px; border-left:1px solid #323232; margin-top:48px; }
.fnav li{ float:left; width:140px; text-align:left; line-height:31px; }
.fnav a{ color:#cdcdcd; font-size:14px; }
.flogo { width:200px; padding-top:50px; }

.fcontact{ font-size:14px; color:#cdcdcd;  border-left:1px solid #323232; padding-left:89px;margin-top:48px; }
.fcontact h2{ color:#fff; font-size:16px; font-weight:bold; padding-bottom:20px; }
.fcontact .ftel{color:#cdcdcd; font-size:14px;}
.fcontact p{ line-height:30px; }
.fcode{ padding-top:60px; }
.fcode div{ float:left; font-size:14px; line-height:20px;color:#cdcdcd; margin-left:14px; font-weight:bold; text-align:center; }
.fcode div img{ display:block; }

.fll {border-top:1px solid #fff; margin-top:62px;}
.fll .bb{ width:1200px; margin:0 auto; line-height:62px; overflow:hidden; text-align:left; }
.fll .bb a{ display:inline-block; width:120px; color:#798193; }


/******内容页******/
.box-left{width:256px; margin:20px 0 30px;}
.mt5{margin-top:5px;}
.box-right{/*width:742px;*/ width:924px; padding:20px 0 30px;}


.lmain-title{ height:78px; background:#016fbe url(t66.png) no-repeat center;  font-size:24px; color:#fff; line-height:78px; text-align:center; }
.case-class{ background:#fafafa; padding-bottom:10px;}
.case-class ul{padding:8px 0;}
.case-class ul li{background: rgba(0, 0, 0, 0) url("y-icon2.png") no-repeat scroll 25px center;  border-bottom: 1px solid #dcdcdc; font-size: 14px; line-height: 24px; padding:11px 15px 11px 60px;}
.case-class ul li:hover{background:#262626 url('y-icon.png')no-repeat 25px center; color:#fff;}
.case-class ul li:hover a{color:#fff;}
.case-title{background:#262626; color:#fff; font-size:18px; line-height:21px; padding:15px 36px; text-align:center; border-top:5px solid #fff;}
.case-title a{color:#fff;}

.caselc{}
.caselc li{line-height:32px; font-size:14px; padding-left:20px;}
/*.case-title:hover{background:#b18147 url('y-icon.png')no-repeat 25px center;}*/
.l-contentus{margin-top:10px; background:#fafafa; color:#695e66; font-size:12px;}
.l-contentus ul{padding:20px 13px 35px 15px;}
.l-contentus ul li{line-height:26px;}
.l-contentus ul h2{font-size:14px; font-weight:bold; line-height:30px;}

.list-head{border-bottom:3px solid #016fbe; height:27px; color:#282828;}
.list-head a{color:#282828;}
.caseinfo ul{padding-top:20px;}
.caseinfo ul li{background:#fafafa; border-top:1px solid #dcdcdc; padding:20px; position:relative; height:145px; padding-left:276px; margin-top:15px; position:relative;}
.caseinfo ul li img{position:absolute; top:10px; left:20px; height:169px;}
.fa ul li{ padding:10px 20px; padding-left:276px;}
.fa ul li img{position:absolute; top:20px; left:20px; height:123px;}
.caseinfo ul li h2{font-size:18px; color:#333; line-height:46px;}
.caseinfo ul li h2 a{color:#333;}
.caseinfo ul li h2 span{float:right; font-size:14px; color:#7d7c7a;}
.caseinfo ul li p{line-height:24px; font-size:14px; color:#7d7c7a; height:72px; overflow:hidden; display:block;}
.caseinfo ul li .tomore{border:1px solid #016fbe; color:#016fbe; display:block; width:88px; height:24px; line-height:24px; text-align:center; position:absolute; right:10px; bottom:10px;}
.servicelink{display:block; width:219px; height:112px; background:url(servicelink.jpg) no-repeat; margin-top:10px;}

/******分页*******/
.page{text-align:center; margin-top:30px; color:#333; font-size:12px;}
.page a{margin:0 5px; display:inline-block;}
.page .current{background:#016fbe; border-radius:3px; padding:0 5px; color:#fff; line-height:21px;}

.content-box{color:#555; padding-top:20px; padding:14px;}
.content-box img{margin:0 auto;}
.content-box .img-box{text-align:center; padding-top:15px;}
.content-box h2{font-size:22px; font-weight:bold; padding-left:28px; line-height:60px;}
.content-box p{text-indent:2em; line-height:30px;}
.hui{color:#797979;}
.laboutus{background:#ebebeb;}
.laboutus ul{padding:8px 0;}
.laboutus ul li{background:url(y-icon2.png) no-repeat 25px center; padding-left:60px; font-size:14px;  line-height:46px;}
.laboutus ul li:hover{background:#262626 url('y-icon.png')no-repeat 25px center;}
.laboutus ul li:hover a{color:#fff;}

/***********公司简介 详细页************/
.about-box {padding:0 15px; padding-top:36px; color:#666; line-height:24px;}
.about-box .about-heading{text-align:center; color:#333; font-size:18px; }
.about-box .about-heading .about-title{background:url("sabout-bg.png") no-repeat center center; font-size:30px; color:#016fbe; text-align:center; font-weight:bold; margin-bottom:25px;}
.aboutinfo{/*width:610px; padding-right:30px; height:auto; padding-bottom:35px;*/ padding:0 36px 20px;}
.about-content{line-height:24px; color:#666;}
.about-content p{text-indent:2em;}

.x-box{ color:#666; }
.x-box h2{ font-size:30px; text-align:center; padding-top:40px; padding-bottom:20px; }
.other-info{ line-height:74px; height:74px; border-top:1px dashed #dcdcdc; border-bottom:5px solid #ebebeb; position:relative; text-align:center; }
.case-info{ line-height:25px; padding:30px 0; }
.other-info .pct{ background:url(lp.png) no-repeat; display:block; width:89px; height:40px; position:absolute; right:0; top:20px; }
.near-page{ border-top:1px dashed #dcdcdc; padding-top:18px; line-height:25px; }
.tagss{ padding-bottom:10px; }
.tagss span{ font-weight:bold; }

.product-list li{width:290px;height:199px;text-align:center;line-height:34px;float:left;margin-left:17px;margin-top:4px}.product-list li:nth-child(4n+1){margin-left:3px}.product-list li .pimg img{border:1px solid #929292}.product-list li .pimg img{width:288px;height:165px;}

.tjn{ padding:20px; background:#f1f1f1; margin-top:20px; }
.tjt{ background:#016fbe; color:#fff; width:118px; line-height:35px; height:35px; text-align:center; font-size:20px; }
.tjxx{ line-height:30px; margin-top:10px; }

.tobuy ul{padding-left:60px; padding-top:30px}
.tobuy .tobuy-head{height:29px; padding-left:20px; background:#016fbe; line-height:29px; color:#fff;}
.buyname{color:#474747; width:70px;}
.tobuy ul li{padding:12px 0; line-height:27px;}
.w2em{width:2em; display:inline-block;}
.tobuy ul li .buyinput{ width:345px; line-height:27px; border:1px solid #aaaaaa; padding:0 5px;}
.tobuy ul li textarea{line-height:21px;}
.tobuy .subbtn{border:0px; background:#016fbe; color:#fff; padding:3px 10px; margin-left:140px;}
.tobuy .rebtn{border:0px; background:#787978; color:#fff; padding:3px 10px; margin-left:20px;}

.cinfo{ min-height:220px; background:url(contactus-p.png) no-repeat 510px bottom; line-height:25px; padding-left:160px; padding-top:80px; }
.c-name span{ font-style:italic; color:#016fbe; font-size:24px; }
.c-name {margin-bottom:15px; display:block; background:url(tphone.png) no-repeat left center / 26px; padding-left:30px;}
.ry { padding-top:20px; }
.ry li{ width:245px; float:left; text-align:center; }
 .ry li img{ width:235px; height:200px; border:1px solid #dcdcdc; }
 .ry li  h2{ font-size:14px; line-height:30px; }

.kfinfo{ display:none; }

.maps .t {border-bottom: 1px solid #dcdcdc;height: 50px;line-height: 50px;padding: 0 20px;color:#666;}
.maps .t a{ color:#666; }
.maps { border: 1px solid #e5e5e5; border-radius: 5px; margin-top:15px;}
.x-mmmop .t a {background: transparent none repeat scroll 0 0; line-height: 15px; top: 8px;}
.x-mmmop .t { background: transparent none repeat scroll 0 0; border: 1px solid #e5e5e5; border-radius: 5px;color: #fe510d;height: 27px; line-height: 27px; margin-bottom: 9px; padding-left: 20px;position: relative;}
.x-mmmop .t a { line-height: 27px;position: absolute;right: 10px;top: 0;}
.maps .linkbox { border-bottom: 1px solid #e5e5e5;margin-bottom: 10px;padding-bottom: 10px;}
.maps h3 { font-size: 16px;padding: 10px 20px;}
.f6 {padding-left: 20px;}
.f6 li { border: 1px solid #e5e5e5;display: inline-block;margin-bottom: 5px; margin-right: 5px;padding: 10px;}
.f6 li:hover {background:#016fbe  none repeat scroll 0 0;color: #fff;}
.f6 li:hover a {color: #fff;}
.link-info a{ padding-left:10px; }
.page{ text-align:center; padding-bottom:20px; }
.page li{ display:inline-block; font-size:14px; margin:0 3px; }
.page li.thisclass{ background:#016fbe; color:#fff; padding:3px 14px; }
.page li.thisclass a{ color:#fff; }
.page li strong{ font-weight:normal; padding:0 5px; }
.tjxx li{ position:relative; }
.tjxx li span{ position:absolute; right:20px; top:0; }

.hk{ margin-top:10px; line-height:24px; color:#666; }
.hk a{ color:#016fbe;}

.wprlist{ margin-top:30px; width:924px;  }
.wprlist ul li{margin-bottom:20px; width:288px; height:207px; border:1px solid #e7e6e6; float:left; text-align:center; background:#fff; margin-left: 20px; padding:2px;}
.wprlist ul li .p-img{}
.wprlist ul li .p-img a{}
.wprlist ul li img{display:block; margin:0 auto; width:284px; height:173px;}
.wprlist ul li p{padding:5px; line-height:24px; height:24px; overflow:hidden;}
.wprlist ul li:hover{border:1px solid #016fbe;}
.wprlist ul li span { height:100%; display:inline-block; vertical-align:middle; }

.wprtj {  margin-top:17px; }
.wprtj .otherp-head{ height:74px; line-height:74px; background:#016fbe ; font-size:24px; color:#fff; padding-left:60px; }
.wprtj ul{padding:24px 10px 24px 35px;}
.wprtj ul li{margin-left:17px; margin-top:15px; width:268px; height:231px; border:1px solid #e7e6e6; float:left; text-align:center; background:#fff; padding:30px 0 27px 0;}

.wprtj ul li img{max-height:220px; max-width:248px; height:auto; vertical-align:middle;}
.wprtj ul li:hover{border:1px solid #447edf;}

.wprtj ul li  a{ display:block; line-height:220px; height:220px; }
.wprtj ul li  a span{ display: inline-block;height: 100%;vertical-align: middle;}
.wprtj ul li  p a{ line-height:30px; }

.wpcitem ul li{height:252px;}
.wpcitem ul li img{display:block; width:284px; height:212px;}

.ak { position: relative;}
.ak .info { color: #242323; display: inline; float: right; font-size: 14px; height: 310px; line-height: 25px; position: relative; width: 340px;}
.ak .info .title {border-bottom: 1px solid #636161; margin-bottom: 10px; padding-bottom: 10px;}
.ak .info .class span, .ak .info .descr span {  font-weight: 700;}
.ak .info .class a { color: #016fbe;}
.ak .info .tel { color: #464849; margin-bottom: 10px; margin-top: 10px;padding-top: 10px;text-align: center;}
.ak .info .tel span {font-size: 18px;}
.ak .info .sbt1, .ak .info .sbt2 { background: #016fbe; border-radius: 5px; color: #fff; display: block; font-size: 14px;height: 30px; line-height: 30px; margin-top:10px; text-align: center;width:90px;}
.allt {border-bottom: 1px solid #016fbe;margin-bottom: 40px;padding-top: 20px;}
.allt li.cur { background: #016fbe;border: 1px solid #016fbe;color: #fff;}
.allt li {border: 1px solid #016fbe;cursor: pointer; font-size: 14px;height: 25px;line-height: 25px;margin: 0 auto -15px;text-align: center;width: 120px;}

/**********产品详情**********/
.ak{ /*margin-top:20px;*/ height:350px;}
.w-ls {height: 350px;left: 0;overflow: hidden; position: absolute;top: 0;width: 400px;}
.w-ls .bd { border: 1px solid #e7e6e6; margin: 0 auto;overflow: hidden;position: relative;z-index: 0;}
.w-ls .bd li {height: 260px; line-height:260px;overflow: hidden; position: relative;text-align: center; background:#fff;}
.w-ls .bd li img { max-width: 100%; max-height:100%; vertical-align:middle;}
.w-ls .hd { bottom: 0; height: 74px; left: 0;line-height:74px;position: absolute;text-align: left;width: 100%;z-index: 1;}
.w-ls .hd ul { margin-left: 0;text-align: left;}
.w-ls .hd ul li {background: #fff none repeat scroll 0 0;border: 1px solid #fff; cursor: pointer; display: inline-block;height: 70px; line-height:65px; margin: 1px 2px 1px 1px;overflow: hidden;width: 66px;}
.w-ls .hd ul li img {/* border: 1px solid #016fbe;*/ max-height: 70px; max-width: 66px; vertical-align:middle;}
.w-ls .hd ul .on {border: 1px solid #e7e6e6;}
.w-ls .next, .w-ls .prev {background: rgba(0, 0, 0, 0) url("ll.png") no-repeat scroll center center; cursor: pointer; display: block; height: 36px; left: 10px;position: absolute;top: 140px;width: 22px;z-index: 1;}
.w-ls .next {background: rgba(0, 0, 0, 0) url("lr.png") no-repeat scroll center center; left: auto;right: 10px;}

.dg{ background:#c9c9c9; padding:10px; position:relative; margin-top:10px;}
.dg .dgrx{ background:#016fbe; color:#fff; font-size:16px; text-align:center; width:50px; height:50px; border-radius:5px; margin-left:30px;}
.dg .tels{ font-size:18px; color:#016fbe; position:absolute; left:100px; top:10px; }
.fwrx,.zxkf{font-size:18px; color:#000;}
.fwrx span{color:#387ad4; font-size:24px;}
.zxkf a{display:inline-block; font-size:14px; color:#333; padding-left:18px; background:url(zxkf-qq.png) no-repeat left center;}

.wprinfo{padding:30px 0px 50px 0px;}
.ak {position: relative;}

.ak .info {color: #666;display: inline; float: right;font-size: 14px; height: 310px;line-height: 25px; position: relative;width: 490px;}

.bk1{ line-height:25px; color:#666; }
.ak .info .title { border-bottom: 1px solid #e7e6e6;margin-bottom: 10px;padding-bottom: 10px; color:#016fbe;}
.ak .info .class span{color:#016fbe; font-size:14px; font-weight:normal;}
.ak .info .descr span {font-weight:normal;}
.ak .info .class a {color: #016fbe;}
.ak .info .tel {color:#464849; margin-bottom: 10px; border-top:1px dashed #016fbe; margin-top:10px; padding-top:10px; text-align:center;}
.ak .info .tel span {font-size:18px;}

.fwrx,.zxkf{font-size:18px; color:#000;}
.fwrx span{color:#016fbe; font-size:24px;}
.zxkf a{display:inline-block; font-size:14px; color:#333; padding-left:18px; background:url(zxkf-qq.png) no-repeat left center;}

.ak .info .sbt1, .ak .info .sbt2 {background: #016fbe none repeat scroll 0 0; color: #fff;display: block;font-size: 14px;height: 40px; line-height:40px;text-align: center;margin-top:15px; width:100%;}
.allt {border-bottom: 1px solid  #c3c3c3  ; padding-top: 20px; margin-bottom:40px;}
.allt li.cur { background:  #016fbe   none repeat scroll 0 0; border: 1px solid  #016fbe  ;color: #fff; height:43px; width:162px; font-size:18px; line-height:43px;}
.allt li {border: 1px solid  #016fbe ;cursor: pointer; margin:0 auto;font-size: 14px;height: 25px;line-height: 25px;text-align: center; width: 120px; margin-bottom:-15px; float:left;}
.ccc1{ display:none; }

.xxx{ position:relative; }
.xxx .hd{ }
.xxx .hd{ position:absolute; bottom:20px; right:20px; }
.xxx .hd li{width:8px; height:8px; cursor:pointer; line-height:999; overflow:hidden; background:rgba(255,255,255,0); border-radius:50%; border:3px solid #fff; display:inline-block; margin:3px 5px;}
.xxx .hd li.on{ background:rgba(255,255,255,1); }
.mnmn1{background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;}
.iproleft .iprocat ul li.mkmk1 a{color: #016fbe;font-weight: bold; }

.salbum{padding-top:10px; padding-left:10px;}
.salbum ul li{width:283px; height:240px; position:relative; float:left; margin: 9px 9px;}
.salbum ul li img{width:283px; height:240px;}
.salbum ul li h2{position:absolute; left:0px; bottom:0px; height:30px; background:rgba(0,0,0,0.4); width:100%; color:#fff; line-height:30px; font-size:14px; font-weight:400; text-align:center;}
.salbum ul li h2 a{color:#fff;}
.n-imagess{padding-bottom:10px;}
.n-imagess img{display:block; margin:0 auto;}

.otherp{}
.otherp .otherp-head{background:#016fbe; color:#fff; height:43px; line-height:42px; padding-left:15px; font-weight:bold;}
.otherp ul{padding-top:24px;}
.otherp ul li{width:217px; height:282px; float:left; margin-left:18px; text-align:center;}
.otherp ul li .yyhh{line-height:24px;}
.hj,
.hk{ font-size:12px; line-height:22px; }


.onlinebox{border:1px solid #ddd; border-radius:5px; padding:30px; margin-top:20px;}
.onlinehead{font-size:24px; font-weight:bold; color:#ffa302; padding-bottom:25px;}
.onlinebox li{padding:5px 0;}
.onlinebox li label{display:inline-block; width:80px; text-align:right; float:left;}
.onlinebox li input{border:1px solid #ddd; height:32px; line-height:32px; width:360px !important; padding-left:10px;}
.onlinebox li textarea{border:1px solid #ddd; padding:0 10px; width:350px !important; line-height:20px; height:60px;}
.onlinebtn{padding-left:30px; padding-top:10px;}
.onlinebtn input{width:190px; height:36px; border:0px; text-align:center; line-height:35px; margin:0 10px;}
.onlinetj{background:#ffa302; color:#fff;}
.onlinere{background:#333; color:#fff;}


.case-ok img{max-width:100%; height:auto;}

.inaboutus{}
.inaboutus li span{font-weight:bold;}
.inaboutus li  p{padding-left:28px; padding-bottom:10px;}


.bg-1{ background:#fff;}
.bg-1 .w{ position:relative; padding:30px 0;}
.bg-2{ background:#fff; height:267px;}

.ititle-1 {
    font-family: 微软雅黑;
    text-align: center;
    position: relative;
    line-height: 40px;
}
.ititle-1 span {
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    display: inline-block;
}
.ititle-1 span:before {
    content: ' ';
    height: 1px;
    background: #000;
    width: 60px;
    float: left;
    margin-right: 20px;
    margin-top: 20px;
}
.ititle-1 span:after {
    content: ' ';
    height: 1px;
    background: #000;
    width: 60px;
    float: right;
    margin-left: 20px;
    margin-top: 20px;
}
.ititle-1 p {
    color: #999999;
    margin: 0;
}
.mrg-t-20 {
    margin-top: 20px;
}
.mbg {
    background: #fff;
}
div.span-1 {
    width: 305px;
}
.title-1 {
    position: relative;
    height: 75px;
    line-height: 75px;
    background: #47a628;
}
.title-1 span {
    font-size: 30px;
    color: #fff;
    display: block;
    font-weight: bold;
    text-indent: 30px;
}
.subnav {
    list-style: none;
    margin: 0;
    position: relative;
    box-shadow: 1px 6px 15px #ccc;
}
.subnav li {
    font-family: 微软雅黑;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid rgb(232, 232, 232);
}
.subnav li a {
    color: #333333;
    font-size: 16px;
    overflow: hidden;
    display: block;
    text-indent: 30px;
}
div.span-2 {
    width: 835px;
}
.ul-1 li {
    position: relative;
    display: block;
    float: left;
    width: 260px;
    height: 238px;
    margin-right: 27px;
    margin-bottom: 20px;
    background: #dddddd;
}
.ul-1 li div {
    width: 260px;
    height: 198px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    *display: block;
    *font-size: 174px;
    margin: 0 auto;
    overflow: hidden;
}
.ul-1 li a {
    display: block;
}
.ul-1 li img {
    vertical-align: middle;
    transition-duration: 0.6s;
}
a img {
    border: none;
}
.ul-1 li a.a-p {
    font-size: 14px;
    color: #333333;
    line-height: 40px;
    height: 40px;
    text-align: center;
}
.clear {
    clear: both;
    overflow: hidden;
    zoom: 1;
    float: none;
}
.subnav li a:hover, .subnav li.on a {
    color: #fff;
    background: #47a628;
}
.w {
    width: 1200px;
    margin: 0 auto;
}
.ul-2 li:hover {
    color: #fff;
    background: #47a628;
    transition: all 0.6s;
}

.ul-2 li {
    position: relative;
    display: block;
    float: left;
    width: 268px;
    height: 233px;
    background: #e1e1e1;
    padding: 10px;
    margin-right: 18px;
    margin-bottom: 20px;
    border-radius: 8px;
}
.ul-2 li div {
    width: 268px;
    height: 193px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    *display: block;
    *font-size: 174px;
    margin: 0 auto;
    overflow: hidden;
}
.ul-2 li a:hover, .ul-2 li:hover a {
    color: #fff;
    transition: all 0.6s;
}
.ul-2 li a {
    display: block;
}
.ul-2 li a:hover img {
    transform: scale(1.2,1.2);
    transition: all 0.6s;
}
.ul-2 li img {
    vertical-align: middle;
    transition-duration: 0.6s;
}
.ul-2 li a.a-p {
    font-size: 14px;
    color: #333333;
    line-height: 40px;
    height: 40px;
    text-align: left;
    font-weight: bold;
    text-indent: 20px;
    font-weight: bold;
}
.ul-2 li a.a-p:after {
    content: '∨';
    font-size: 29px;
    float: right;
}
a.amore1 {
    display: block;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #47a628;
    width: 132px;
    height: 35px;
    line-height: 35px;
    color: #47a628;
}

.product {
    margin-top: 44px;
}
.product>.left {
    width: 294px;
    border: 2px solid #1995d4;
}
.fl {
    float: left;
}
.product > .left > p.title_img {
    width: 294px;
    height: 99px;
    font-size: 30px;
    font-family: 微软雅黑;
    color: rgb(255, 255, 255);
    text-align: center;
    font-weight: 500;
    padding-top: 38px;
    margin: 0px auto;
    background: url(title_bg.png) no-repeat;
}
.product>.left ul {
    width: 248px;
    margin: 0 auto;
    margin-top: 20px;
}
#showcon .on {
    background: #f55e31;
}
.product>.left ul li {
    width: 248px;
    height: 50px;
    margin-bottom: 25px;
    background: #1995d4;
    border-radius: 10px;
    text-align: center;
    font-size: 18px;
    color: #fff !important;
    font-weight: bold;
    line-height: 50px;
    cursor: pointer;
}
.product>.right {
    width: 875px;
}.
.fr {
    float: right;
}.product>.right>h1 {
    width: 875px;
    border-bottom: 2px solid #E1E1E1;
    height: 34px;
}
.product>.right>h1 span {
    display: block;
    height: 38px;
    background: url(xialine.png);
    color: #f55e31;
    font-size: 19px;
    text-align: center;
    float: left;
}
.product > .right > h1 a {
    display: block;
    color: rgb(170, 167, 167);
    font-size: 19px;
    font-family: 苹方;
    float: right;
}
.product>.right .details_wrap {
    position: static;
}
.product>.right .details_wrap {
    width: 875px;
    position: relative;
}
.product>.right .details {
    position: static;
}
.product>.right .details {
    width: 875px;
    padding-bottom: 40px;
    padding-top: 17px;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}
.product>.right .details .top {
    width: 875px;
    height: 350px;
    border: 2px solid #E1E1E1;
    margin-top: 10px;
}
.product>.right .details .top .left {
    position: relative;
}.product>.right .details .top .left i {
    display: block;
    width: 393px;
    height: 350px;
}
.product>.right .details .top .left i img {
    width: 100%;
    height: 100%;
    display: block;
}
.product>.right .details .top .left>img {
    display: block;
    width: 140px;
    height: 147px;
    position: absolute;
    top: -11px;
    right: -9px;
}.product>.right .details .top .right {
    margin-right: 20px;
}
.product>.right .details .top .right h1 {
    color: #1995d4;
    font-size: 21px;
    line-height: 30px;
    padding-top: 30px;
    padding-bottom: 20px;
}
.product>.right .details .top .right p {
    color: #747474;
    font-size: 16px;
    line-height: 30px;
    width: 412px;
}
.product>.right .details .top .right p b {
    color: #4b4b4b;
    font-size: 16px;
}
.product>.right .details .bottom {
    margin-top: 30px;
}
.product>.right .details .bottom ul {
}
.product>.right .details .bottom ul li {
    width: 271px;
    float: left;
    text-align: center;
    color: #747474;
    font-size: 16px;
    line-height: 40px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}
.cplb {
    margin: 0 10px !important;
}
.product>.right .details .bottom ul li i {
    display: block;
    width: 264px;
    height: 208px;
    border: 2px solid #E1E1E1;
    position: relative;
}
.product>.right .details .bottom ul li i>img {
    width: 100%;
    height: 100%;
    display: block;
}
.product>.right .details .bottom ul li i a {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    position: absolute;
    left: 0;
    cursor: pointer;
    top: 0;
    color: #ffffff;
    font-size: 16px;
    line-height: 25px;
    font-weight: bold;
    font-style: normal;
    opacity: 0;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}
.product>.right .details .bottom ul li i a img {
    display: block;
    width: 65px;
    height: 40px;
    margin: 0 auto;
    margin-top: 73px;
}
